<!-- ServiceError.vue -->
<template>
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-lg-8 col-md-10">
          <div class="text-center">
            <!-- <img src="@/assets/images/error-404.png" alt="404 Error" class="img-fluid"> -->
            <h1 class="mt-5 mb-4">Oops! 服务未找到</h1>
            <p class="lead mb-4">看起来我们的服务暂时不可用，请稍后再试或联系我们的客服。</p>
            <button @click="goHome" class="btn btn-primary">返回首页</button>
          </div>
        </div>
      </div>
    </div>
  </template>
  
  <script>
  export default {
    methods: {
      goHome() {
        this.$router.push('/')
      },
    },
  }
  </script>
  
  <style scoped>
  .container {
    max-width: 800px;
  }
  
  h1, h2 {
    color: #333;
  }
  
  .lead {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
  
  button {
    margin-top: 2rem;
  }
  </style>
  